.published {
    width: 100%;
    height: 350px;
    // background: pink;

    ul {
        display: flex;

        li {
            // background: pink;
            list-style: none;
            width: 100px;
            height: 30px;
            border-radius: 5px;
            text-align: center;
            line-height: 30px;
            border: 1px #E6EBED solid;
        }

        a {
            color: #000;
        }

        a:hover {
            color: #1261FF;
        }

        li:hover {
            border: 1px #1261FF solid;
            color: #1261FF;
        }
    }
}

.published li .active {
    display: inline-block;
    width: 99px;
    height: 30px;

    a {
        color: #fff;
    }

    background-color: #1261FF;
    border-right: none;
    border-radius: 5px 0 0 5px;

    color: #fff !important;


}

.published li:last-child .active {
    display: inline-block;
    width: 99px;
    height: 30px;

    a {
        color: #fff;
    }

    background-color: #1261FF;
    border-radius: 0 5px 5px 0;

    color: #fff !important;


}